<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    

    <script>
        // // 1、获取数组中每个变量的方法,使其都赋予单独的变量

        // let arr = [1,2,3];

        // // // 原始方法
        // // let a = arr[1];
        // // let b = arr[2];
        // // let c = arr[3];

        // // 解构数组
        // let [a,b,c] = arr;

        // console.log("数组中的每个变量为：", a, b, c);



        // // 2、获取对象中每个属性的值
        // let person = {
        //     name: "king",
        //     age: "18",
        //     language: "chinese"
        // }

        // // // 原始方法
        // // let name = person.name;
        // // let age = person.age;
        // // let language = person.language;

        // // 解构对象
        // let {name:varName, age, language} = person;  
        // // 1)、最初写法{name：name， age：age， language：language} = person；  即将对象中key赋值给新建的变量name，age，language。
        // // 2)、简化写法规则：{name， age， language} = person； 新建变量和赋值变量 一样 则简写只需要写一个即可。
        // // 3)、将属性值赋值给不同的变量名  name：varName  ，得到变量varName得到person.name的赋值

        // console.log("对象中属性的值：", varName, age, language);



        // // 3、字符串扩展(判断一个字符串 开头开头有什么、结尾有什么、包含什么)
        // let str = "hello vue!";
        // console.log(str.startsWith("hel"));   //true
        // console.log(str.endsWith("e!"));      //true
        // console.log(str.includes("llo"));     //true
        // console.log(str.includes(" vue!"));   //true



        // // 4、字符串模板 （提出是还是用 ` 包含字符串,  "" 不方便使用html标签：会报波红色浪线）
        // let old = "<div>
        //         <span>字符串包含的使用</span>
        //     </div>"

        // let now = `<div>
        //         <span>字符串包含的使用</span>
        //     </div>`

        
        // 5、字符串中，因为使用""或``，所以无法直接使用变量名获取变量值，可以使用 ${变量名称} ${方法名()} 获取变量的值
        let one = "100"
        function fun(a,b){
            return a+b;
        }
        let getStr = `获取变量值${one},获取方法$(1,2)`;
        console.log(getStr);

        
    </script>


</body>
</html>